<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover" />
		<link rel="stylesheet" type="text/css" href="css/sui.css" />
		<link rel="stylesheet" type="text/css" href="css/sui-flex.css" />
		<link rel="stylesheet" type="text/css" href="css/my.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<title></title>
		<style>
			body {
			background: #F3F3F3;
			overflow-x:hidden;
    		overflow-y:hidden;
		}
		
		.app-box{
			height: calc(100vh - 4rem);
			height: -webkit-calc(100vh - 4rem);
			overflow-y: auto;
			
		}
		
	</style>

	</head>

	<body>

		<header class="sui-bar sui-bar-nav">
			<a class="sui-pull-left">
				<img class="tab-img" src="img/logo_white.png" />
			</a>
			<div class="sui-title">应用平台</div>
		</header>

		<div class="sui-wrap" id="datas">
			<div class="sui-content app-box sui-padded-l-10 sui-padded-r-10 sui-padded-t-10">
				<transition-group name="list" tag="ul" enter-active-class="animated fadeInRight" leave-active-class="animated fadeOutLeft">
					<li v-if="app.show" v-for="app in appList" :key="app.id" class="sui-card-list" @click="openUrl(app)">
						<div class="sui-card-list-header">
							<div class="sui-flex-col sui-flex-middle">
								<img class="card-icon sui-img-round" :src="app.icon">
								<h3 v-text="app.name" class="sui-padded-l-10"></h3>
							</div>
							<p v-text="app.version"></p>
						</div>
						<div class="sui-card-list-footer">
							<div class="sys-text">
								<span class="sui-text-os" v-if="app.android"><i class="iconfont icon-android "></i>安卓</span>
								<span class="sui-text-os" v-if="app.ios"><i v-if="app.ios" class="iconfont icon-pingguo "></i>苹果</span>
							</div>
							<a>下载</a>
						</div>
					</li>
				</transition-group>
			</div>

			
			<p style="line-height: 1.5rem;height: 1.5rem;text-align: center;">Copy Right by 元想科技 Sureserve.com</p>
			
		</div>

		

		<script type="text/javascript" src="js/sui.js"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="index.js?version=12332435454333356"></script>
		<script type="text/javascript">

		</script>

	</body>

</html>
